.friend {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1rem;
  background-color: #F3F3F3;
  width: 20rem;
  height: 20rem;

  .my-col {
    width: 100%;
    height: 70%;

    .col-inner {
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 80%;
      height: 80%;

      .img {
        margin: 0;
        height: 40%;
        text-align: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        img {
          height: 100%;
          border-radius: 100%;
        }
      }
      .space {
        height: 1rem;
      }
      .text {
        text-align: center;
        color: #777777;
        font-size: 1.6rem;
        line-height: 2rem;
      }
    }
  }
  
  .buttons {
    height: 30%;
    text-align: center;
    
    button {
        margin: 0 1rem;
        &.cancel {
            background-color: #D1D1D1;
	    }
	    &.submit {
	        background-color: #27A0D7;
	    }
    }
    
  }
}
